<nav class="nav-content">
  <div>
    <h3>Examples</h3>

    <ul>
      <li>
        <a href="/examples/index.html">Render a simple calendar</a>
      </li>
    </ul>

    <h4>Customization</h4>
      <ul>
        <li>
          <a href="/examples/customization-outside-days.html">Display the outside days</a>
        </li>
        <li>
          <a href="/examples/customization-week-numbers.html">Show the week numbers</a>
        </li>
        <li>
          <a href="/examples/customization-fixed-weeks.html">Display a fixed number of weeks</a>
        </li>
        <li>
          <a href="/examples/customization-today-button.html">Add a today button</a>
        </li>
        <li>
          <a href="/examples/localization.html">Localization</a>
        </li>
      </ul>
      <h4>Rendering months</h4>
      <ul>
        <li>
          <a href="/examples/months-initial.html">Change the initial month</a>
        </li>
        <li>
          <a href="/examples/months-prevent-navigation.html">Prevent navigation between months</a>
        </li>
        <li>
          <a href="/examples/months-restrict-navigation.html">Restrict months navigation</a>
        </li>
        <li>
          <a href="/examples/months-multiple.html">Display multiple months</a>
        </li>
        <li>
          <a href="/examples/months-paged-navigation.html">Paged months navigation</a>
        </li>
        <li>
          <a href="/examples/months-reverse.html">Reverse months order</a>
        </li>
      </ul>
      
      <h4>Selected days</h4>
      <ul>
        <li>
          <a href="/examples/selecting.html">Display days as selected</a>
        </li>
        <li>
          <a href="/examples/selecting-click.html">Save the clicked day in state</a>
        </li>
        <li>
          <a href="/examples/selecting-multiple.html">Select multiple days</a>
        </li>
        <li>
          <a href="/examples/selecting-range.html">Selecting a range on click</a>
        </li>
        <li>
          <a href="/examples/selecting-range-mouse-enter.html">Selecting a range on mouse enter</a>
        </li>
      </ul>
      <h4>Disabled days</h4>
      <ul>
        <li>
          <a href="/examples/disabling.html">Display days as disabled</a>
        </li>
        <li>
          <a href="/examples/disabling-weekends.html">Disabling weekends</a>
        </li>
        <li>
          <a href="/examples/disabling-interaction.html">Interaction with disabled days</a>
        </li>
      </ul>
      <h4>Input field</h4>
      <ul>
        <li>
          <a href="/examples/input.html">Render the input field</a>
        </li>
        <li>
          <a href="/examples/input-advanced.html">Interaction with the input field</a>
        </li>
      </ul>
      <h4>Modifiers</h4>
      <ul>
        <li>
          <a href="/examples/modifiers.html">Add CSS modifiers to days</a>
        </li>
        <li>
          <a href="/examples/modifiers-styles.html">Add inline-style modifiers</a>
        </li>
      </ul>
      <h4>Customizing elements</h4>
      <ul>
        <li>
          <a href="/examples/advanced-year-navigation.html">Switch between years and months</a>
        </li>
        <li>
          <a href="/examples/advanced-day.html">Add custom content to a day cell</a>
        </li>
        <li>
          <a href="/examples/advanced-elements.html">Customize navbar and weekdays</a>
        </li>
      </ul>
  </div>
</nav>